<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
    <meta charset="UTF-8">
    <link rel='stylesheet' href='//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css'/>
    <script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<style>
  .many-line{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
</style>

<link href="http://cdn.bootcss.com/bootstrap-table/1.9.1/bootstrap-table.min.css" rel="stylesheet"/>

<script src="http://cdn.bootcss.com/bootstrap-table/1.9.1/bootstrap-table.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-table/1.9.1/locale/bootstrap-table-zh-CN.min.js"></script>
<div style="float:right;margin-right:20px;"><a href="http://blog-admin.54json.com/article/list">后台管理</a></div>
<div class="container" style="margin-top: 20px;">
    <div class="row">
        <div class="table-responsive">
  <table class="table">
    <caption><h3>博客文章列表</h3></caption>
    <thead>
      <tr>
        <th>ID</th>
        <th>标题</th>
        <th>摘要</th>
        <th>时间</th>
       </tr>
    </thead>
    <tbody>
      <% for(var item in items){ %>
        <tr>
        <td><%=items[item].id%></td>
        <td><a href='/users/article/detail/<%=items[item].id%>'><%=items[item].title%></a></td>
        <td><span class="many-line" style="width:80%"><%=items[item].summary%></span></td>
        <td width="10%"><%=items[item].ctime%></td>
      </tr>
      <%}%>
    </tbody>
  </table>
</div>
    </div>
</div>
</body>
</html>